<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">
<head>
  <meta charset="UTF-8">
  <title>Packages</title>
  <link data-turbolinks-track="true" href="assets/application-b86a2086c99917c6bf2a9d74b4038381.css" media="all" rel="stylesheet" />
  <script data-turbolinks-track="true" src="assets/application-c3106c6fe52ccec6f26495730a478cca.js"></script>
  <meta content="authenticity_token" name="csrf-param" />
<meta content="yzXUiWH6GiCHbvbJOg7usjzA7LawyxwB+oJHEcWTOIM=" name="csrf-token" />
  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-3769691-35', 'atom.io');
  ga('send', 'pageview');

</script>

  <meta property="og:url" content="https://atom.io/" />
<meta property="og:site_name" content="Atom" />
<meta property="og:title" content="A hackable text editor for the 21st Century" />
<meta property="og:description" content="At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it." />
<meta property="og:type" content="website" />
<meta property="og:author" content='https://www.facebook.com/GitHub' />
<meta property="og:image" content="http://og.github.com/atom-logo/atom-logo@1200x1200.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="1200" />
<meta property="og:image" content="http://og.github.com/atom-mark/atom-mark@1200x630.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

  <meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@AtomEditor" />
<meta property="twitter:creator" content='@github' />
<meta property="twitter:title" content="Atom" />
<meta property="twitter:description" content="A hackable text editor for the 21st Century" />
<meta property="twitter:image:src" content="http://og.github.com/atom-logo/atom-logo@1200x630.png" />
<meta property="twitter:image:width" content="1200" />
<meta property="twitter:image:height" content="630" />

  <link rel="shortcut icon" href="favicon.ico"/>
    <link href="packages.atom" rel="alternate" title="Atom Packages and Themes" type="application/atom+xml" />
</head>
<body>

  <div class="footer-push">
    
    

    <header class="header">
  <div class="wrapper">
    <h1 title="Atom">
      <a href="index.html" class="logo"></a>
    </h1>

    <ul class="navigation">
      <li><a class="is-selected" href="packages.html">Packages</a></li>
      <li><a class="" href="docs/latest/index.html">Documentation</a></li>
      <li><a href="http://blog.atom.io">Blog</a></li>
      <li><a href="faq.html">FAQ</a></li>
      <li><a class="" href="https://atom.io/contact">Contact</a></li>
    </ul>
  </div>
</header>


    <div class="wrapper content-push packages">
  <h2 class="center package-page-title">Packages make Atom do amazing things.</h2>

  <form action="/search">
    <input type="text" name="q" class="package-search" placeholder="Search packages" />
  </form>

  <div class="columns">
    <div class="column left package-list lined">
      <h3 class="package-list-title">Recommended</h3>
      <ul>
        <li>
  <h4 class="package-name"><a href="packages/vim-mode.html">vim-mode</a></h4>
  <p>Add vim modal control, currently experimental</p>
  <p class="author">
    by
    <a href="users/atom.html">
      <img src="https://github.com/atom.png" alt="atom" class="gravatar"/>
    </a>
    <a href="users/atom.html">
      atom
    </a>
  </p>
</li>
<li>
  <h4 class="package-name"><a href="packages/travis-ci-status.html">travis-ci-status</a></h4>
  <p>Add Travis CI status of the project to the Atom status bar. </p>
  <p class="author">
    by
    <a href="users/tombell.html">
      <img src="https://github.com/tombell.png" alt="tombell" class="gravatar"/>
    </a>
    <a href="users/tombell.html">
      tombell
    </a>
  </p>
</li>
<li>
  <h4 class="package-name"><a href="packages/color-picker.html">color-picker</a></h4>
  <p>A Color Picker for the Atom Editor. Right click a color and select color picker to open it.</p>
  <p class="author">
    by
    <a href="users/thomaslindstrom.html">
      <img src="https://github.com/thomaslindstrom.png" alt="thomaslindstrom" class="gravatar"/>
    </a>
    <a href="users/thomaslindstrom.html">
      thomaslindstrom
    </a>
  </p>
</li>
<li>
  <h4 class="package-name"><a href="packages/Zen.html">Zen</a></h4>
  <p>Distraction free writing.</p>
  <p class="author">
    by
    <a href="users/defunkt.html">
      <img src="https://github.com/defunkt.png" alt="defunkt" class="gravatar"/>
    </a>
    <a href="users/defunkt.html">
      defunkt
    </a>
  </p>
</li>
<li>
  <h4 class="package-name"><a href="packages/sort-lines.html">sort-lines</a></h4>
  <p>Sorts your lines. Never gets tired.</p>
  <p class="author">
    by
    <a href="users/atom.html">
      <img src="https://github.com/atom.png" alt="atom" class="gravatar"/>
    </a>
    <a href="users/atom.html">
      atom
    </a>
  </p>
</li>
<li>
  <h4 class="package-name"><a href="packages/command-logger.html">command-logger</a></h4>
  <p>View a heat map of your Atom activity. Open from the command palette.</p>
  <p class="author">
    by
    <a href="users/kevinsawicki.html">
      <img src="https://github.com/kevinsawicki.png" alt="kevinsawicki" class="gravatar"/>
    </a>
    <a href="users/kevinsawicki.html">
      kevinsawicki
    </a>
  </p>
</li>
<li>
  <h4 class="package-name"><a href="packages/monokai.html">monokai</a></h4>
  <p>A monokai theme</p>
  <p class="author">
    by
    <a href="users/kevinsawicki.html">
      <img src="https://github.com/kevinsawicki.png" alt="kevinsawicki" class="gravatar"/>
    </a>
    <a href="users/kevinsawicki.html">
      kevinsawicki
    </a>
  </p>
</li>
<li>
  <h4 class="package-name"><a href="packages/editor-stats.html">editor-stats</a></h4>
  <p>Display a graph of keyboard and mouse usage for the last 6 hours.</p>
  <p class="author">
    by
    <a href="users/atom.html">
      <img src="https://github.com/atom.png" alt="atom" class="gravatar"/>
    </a>
    <a href="users/atom.html">
      atom
    </a>
  </p>
</li>
<li>
  <h4 class="package-name"><a href="packages/fizzy.html">fizzy</a></h4>
  <p>A light-hearted, bright and bubbly syntax theme featuring bright colors, and inspired by the Espresso default highlighting, and the Soda Sublime Text 2 theme.</p>
  <p class="author">
    by
    <a href="users/jglovier.html">
      <img src="https://github.com/jglovier.png" alt="jglovier" class="gravatar"/>
    </a>
    <a href="users/jglovier.html">
      jglovier
    </a>
  </p>
</li>
<li>
  <h4 class="package-name"><a href="packages/visual-bell.html">visual-bell</a></h4>
  <p>Shows a visual cue when the <code>beep</code> event is triggered</p>
  <p class="author">
    by
    <a href="users/probablycorey.html">
      <img src="https://github.com/probablycorey.png" alt="probablycorey" class="gravatar"/>
    </a>
    <a href="users/probablycorey.html">
      probablycorey
    </a>
  </p>
</li>

      </ul>
    </div>
    <div class="column right">
      <div class="package-list">
        <h3 class="package-list-title">Most downloaded themes</h3>
        <ul>
          <li class="package">
  <a href="packages/monokai.html">monokai</a> <span class="author">by <a href="users/kevinsawicki.html">kevinsawicki</a></span>
</li>
<li class="package">
  <a href="packages/fizzy.html">fizzy</a> <span class="author">by <a href="users/jglovier.html">jglovier</a></span>
</li>
<li class="package">
  <a href="packages/spacegray-dark-ui.html">spacegray-dark-ui</a> <span class="author">by <a href="users/cannikin.html">cannikin</a></span>
</li>
<li class="package">
  <a href="packages/atom-mac-theme.html">atom-mac-theme</a> <span class="author">by <a href="users/atom.html">atom</a></span>
</li>
<li class="package">
  <a href="packages/base16-ocean-dark-spacegray.html">base16-ocean-dark-spacegray</a> <span class="author">by <a href="users/carloe.html">carloe</a></span>
</li>
<li class="package">
  <a href="packages/atom-soda-dark-ui.html">atom-soda-dark-ui</a> <span class="author">by <a href="users/dmackerman.html">dmackerman</a></span>
</li>
<li class="package">
  <a href="packages/unity-ui.html">unity-ui</a> <span class="author">by <a href="users/orderedlist.html">orderedlist</a></span>
</li>
<li class="package">
  <a href="packages/twilight-syntax-spacegray-ui.html">twilight-syntax-spacegray-ui</a> <span class="author">by <a href="users/cannikin.html">cannikin</a></span>
</li>
<li class="package">
  <a href="packages/tomorrow-night-syntax.html">tomorrow-night-syntax</a> <span class="author">by <a href="users/rockymadden.html">rockymadden</a></span>
</li>
<li class="package">
  <a href="packages/twilight-syntax.html">twilight-syntax</a> <span class="author">by <a href="users/cannikin.html">cannikin</a></span>
</li>

        </ul>
      </div>
      <div class="package-list">
        <h3 class="package-list-title">Most downloaded packages</h3>
        <ul>
            <li class="package">
  <a href="packages/Zen.html">Zen</a> <span class="author">by <a href="users/defunkt.html">defunkt</a></span>
</li>
<li class="package">
  <a href="packages/vim-mode.html">vim-mode</a> <span class="author">by <a href="users/atom.html">atom</a></span>
</li>
<li class="package">
  <a href="packages/emmet.html">emmet</a> <span class="author">by <a href="users/atom.html">atom</a></span>
</li>
<li class="package">
  <a href="packages/editor-stats.html">editor-stats</a> <span class="author">by <a href="users/atom.html">atom</a></span>
</li>
<li class="package">
  <a href="packages/sort-lines.html">sort-lines</a> <span class="author">by <a href="users/atom.html">atom</a></span>
</li>
<li class="package">
  <a href="packages/toggle-quotes.html">toggle-quotes</a> <span class="author">by <a href="users/atom.html">atom</a></span>
</li>
<li class="package">
  <a href="packages/command-logger.html">command-logger</a> <span class="author">by <a href="users/kevinsawicki.html">kevinsawicki</a></span>
</li>
<li class="package">
  <a href="packages/atom-jshint.html">atom-jshint</a> <span class="author">by <a href="users/Joezo.html">Joezo</a></span>
</li>
<li class="package">
  <a href="packages/language-haml.html">language-haml</a> <span class="author">by <a href="users/cannikin.html">cannikin</a></span>
</li>
<li class="package">
  <a href="packages/line-jumper.html">line-jumper</a> <span class="author">by <a href="users/benogle.html">benogle</a></span>
</li>

        </ul>
      </div>
    </div>
  </div>

  <div class="all-packages">
    <hr>
    <a href="packages/list.html" class="button">All packages</a>
  </div>
</div>


    <div class="footer-pad"></div>
  </div>

  <footer>
  <div class="footer">
    <div class="wrapper">
      <ul class="footer-left">
        <li><a href="terms.html">Terms of Use</a></li>
          <li><a href="https://atom.io/login">Sign in</a></li>
      </ul>

      <div class="footer-right">
        <a href="https://github.com"><span class="octicon octicon-code"></span> with <span class="octicon octicon-heart"></span> by <span class="octicon octicon-logo-github"></span></a>
      </div>
    </div>
  </div>
</footer>

</body>
</html>
